<!--
 * @Author       : 邱狮杰
 * @Date         : 2021-09-07 15:01:00
 * @LastEditTime : 2021-09-07 15:24:29
 * @FilePath     : /newhope/src/components/redPackage/index.vue
 * @Description  : 
-->
<script setup lang="ts">
import RedPackage from '/@/assets/images/bkg/redPackage.png'
import { withDefaults } from 'vue'
const props = withDefaults(defineProps<{ code: number | string }>(), {})
</script>
<template>
	<div class="redPackage">
		<img :src="RedPackage" alt="redPackage" class="img" />
		<span class="s">{{ props.code }}元</span>
	</div>
</template>
<style lang="scss" scoped>
.redPackage {
	position: relative;
	.img {
		height: 100%;
		width: 100%;
	}
	.s {
		position: absolute;
		top: 50%;
		left: 37%;
		transform: translateY(-50%) scale(0.4);
		color: rgba(224, 162, 114, 1);
	}
}
</style>

